<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <!-- 缩放 scale 
        transform的值为scale()时,可以实现元素的缩放效果 -->
    <!-- 书写语法
        scale(x,y) x,y分别为改变元素的宽度和高度的倍数
        scale(n)   只有一个值,表示高度和宽度同时缩放n倍
        scaleX(n)  改变元素的宽度
        scaleY(n)  改变元素的高度-->

</body>

</html>